{extend name="Layout/index" /}
{block name="content"}
<div id="main-carousel" class="carousel slide">
    <!-- Indicators -->
    <ol class="carousel-indicators">
        <li data-target="#main-carousel" data-slide-to="0" class="active"></li>
        <li data-target="#main-carousel" data-slide-to="1"></li>
        <li data-target="#main-carousel" data-slide-to="2"></li>
    </ol>
    <!-- Wrapper for slides -->
    <div class="carousel-inner">
        <div class="item active">
            <img class="img-responsive" src="__theme__/zishu/img/img1920x520.jpg" alt="...">
            <div class="carousel-caption">标题1</div>
        </div>
        <div class="item">
            <img class="img-responsive" src="__theme__/zishu/img/img1920x520.jpg" alt="...">
            <div class="carousel-caption">标题2</div>
        </div>
    </div>
    <!-- Controls -->
    <a class="left carousel-control" href="#main-carousel" role="button" data-slide="prev">
        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
    </a>
    <a class="right carousel-control" href="#main-carousel" role="button" data-slide="next">
        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
    </a>
</div>
<!-- /.carousel -->
<div class="text-center"><img class="img-responsive" src="__theme__/zishu/img/jjfa.jpg" alt="" /></div>
<!-- /.jiejuefangan -->
<div class="text-center slogan container index-box">
    <h2><a>优秀的产品来自于不妥协的追求</a></h2>
    <h5>·Excellent products come from the uncompromising pursuit. ·</h5>
    <div class="btn-group btn-group-justified">
        <div class="btn-group">
            <a class="btn btn-default btn-lg"><span class="fa fa-comments"></span></a>
            <p><strong>需求沟通</strong>倾听客户需求，了解用户使用环境和操作流程</p>
        </div>
        <div class="btn-group">
            <a class="btn btn-default btn-lg"><span class="fa fa-hand-o-up"></span></a>
            <p><strong>交互设计</strong>头脑风景交互情景模拟，原型设计</p>
        </div>
        <div class="btn-group">
            <a class="btn btn-default btn-lg"><span class="fa fa-eye"></span></a>
            <p><strong>视觉创意</strong>色彩及平面元素设定，结构和布局规范确认</p>
        </div>
        <div class="btn-group">
            <a class="btn btn-default btn-lg"><span class="fa fa-file-code-o"></span></a>
            <p><strong>技术开发</strong>移动应用数据对接与开发</p>
        </div>
        <div class="btn-group">
            <a class="btn btn-default btn-lg"><span class="fa fa-retweet"></span></a>
            <p><strong>测试反馈</strong>修改调整，规范完善</p>
        </div>
        <div class="btn-group">
            <a class="btn btn-default btn-lg"><span class="fa fa-handshake-o"></span></a>
            <p><strong>跟进服务</strong>后续维护，持续跟进</p>
        </div>
    </div>
</div>
<!-- /.guider -->
<div class="text-center index-box">
    <h2><a>功能 · 模块</a></h2>
    <h5>· FUNCTION MODULE ·</h5>
    <div id="modules-carousel" class="carousel slide">
        <!-- Indicators -->
        <ol class="carousel-indicators">
            <li data-target="#modules-carousel" data-slide-to="0" class="active"></li>
            <li data-target="#modules-carousel" data-slide-to="1"></li>
            <li data-target="#modules-carousel" data-slide-to="2"></li>
        </ol>

        <!-- Wrapper for slides -->
        <div class="carousel-inner">
            <div class="item active">
                <img class="img-responsive" src="__theme__/zishu/img/img1920x520.jpg" alt="...">
                <div class="carousel-caption">标题1</div>
            </div>
            <div class="item">
                <img class="img-responsive" src="__theme__/zishu/img/img1920x520.jpg" alt="...">
                <div class="carousel-caption">标题2</div>
            </div>
        </div>
        <!-- Controls -->
        <a class="left carousel-control" href="#modules-carousel" role="button" data-slide="prev">
            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="right carousel-control" href="#modules-carousel" role="button" data-slide="next">
            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a>
    </div>
</div>
<!-- /.module-carousel -->
<div class="text-center container index-box">
    <h2><a>项目 · 案例</a></h2>
    <h5>·PROJECT & CASE ·</h5>
    <h6>了解行业新观点，案例剖析，行业流行及创新，增强服务意识以及专业水准</h6>
    <div class="row">
        <div class="col-sm-4 col-md-3">
            <div class="thumbnail">
                <img class="img-responsive" src="__theme__/zishu/img/anli.png" alt="...">
                <div class="caption text-left">
                    <h3>在线测评系统</h3>
                    <p>在线测评系统是一个为学员提供的在线学习、训练、测试的测试平台。系统包括录入试题、分数统计、正确率统计、录入</p>
                </div>
            </div>
        </div>
        <div class="col-sm-4 col-md-3">
            <div class="thumbnail">
                <img class="img-responsive" src="__theme__/zishu/img/anli.png" alt="...">
                <div class="caption text-left">
                    <h3>在线测评系统</h3>
                    <p>在线测评系统是一个为学员提供的在线学习、训练、测试的测试平台。系统包括录入试题、分数统计、正确率统计、录入</p>
                </div>
            </div>
        </div>
        <div class="col-sm-4 col-md-3">
            <div class="thumbnail">
                <img class="img-responsive" src="__theme__/zishu/img/anli.png" alt="...">
                <div class="caption text-left">
                    <h3>在线测评系统</h3>
                    <p>在线测评系统是一个为学员提供的在线学习、训练、测试的测试平台。系统包括录入试题、分数统计、正确率统计、录入</p>
                </div>
            </div>
        </div>
        <div class="col-sm-4 col-md-3">
            <div class="thumbnail">
                <img class="img-responsive" src="__theme__/zishu/img/anli.png" alt="...">
                <div class="caption text-left">
                    <h3>在线测评系统</h3>
                    <p>在线测评系统是一个为学员提供的在线学习、训练、测试的测试平台。系统包括录入试题、分数统计、正确率统计、录入</p>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- /.case -->
<div class="index-article-box">
<div class="text-center container xsui-article-box">
    <div class="row">
        <div class="col-xs-6 col-md-3 text-left">
            <h3>网站公告 <small>Notices</small><a class="badge">更多...</a></h3>
            <ul class="list-group">
                <li class="list-group-item">
                    <span class="badge">2017-03-30</span>
                    <a href="#" title="" target="_blank">二次开发说明文档</a>
                </li>
                <li class="list-group-item">
                    <span class="badge">2017-03-30</span>
                    <a href="#" title="" target="_blank">二次开发说明文档</a>
                </li>
                <li class="list-group-item">
                    <span class="badge">2017-03-30</span>
                    <a href="#" title="" target="_blank">二次开发说明文档</a>
                </li>
                <li class="list-group-item">
                    <span class="badge">2017-03-30</span>
                    <a href="#" title="" target="_blank">二次开发说明文档</a>
                </li>
                <li class="list-group-item">
                    <span class="badge">2017-03-30</span>
                    <a href="#" title="" target="_blank">二次开发说明文档</a>
                </li>
                <li class="list-group-item">
                    <span class="badge">2017-03-30</span>
                    <a href="#" title="" target="_blank">二次开发说明文档</a>
                </li>
            </ul>
        </div>
        <div class="col-xs-6 col-md-3 text-left">
            <h3>行业新闻 <small>News</small><a class="badge">更多...</a></h3>
            <ul class="list-group">
                <li class="list-group-item">
                    <span class="badge">2017-03-30</span>
                    <a href="#" title="" target="_blank">二次开发说明文档</a>
                </li>
                <li class="list-group-item">
                    <span class="badge">2017-03-30</span>
                    <a href="#" title="" target="_blank">二次开发说明文档</a>
                </li>
                <li class="list-group-item">
                    <span class="badge">2017-03-30</span>
                    <a href="#" title="" target="_blank">二次开发说明文档</a>
                </li>
                <li class="list-group-item">
                    <span class="badge">2017-03-30</span>
                    <a href="#" title="" target="_blank">二次开发说明文档</a>
                </li>
                <li class="list-group-item">
                    <span class="badge">2017-03-30</span>
                    <a href="#" title="" target="_blank">二次开发说明文档</a>
                </li>
                <li class="list-group-item">
                    <span class="badge">2017-03-30</span>
                    <a href="#" title="" target="_blank">二次开发说明文档</a>
                </li>
            </ul>
        </div>
        <div class="col-xs-6 col-md-3 text-left">
            <h3>经济商讯 <small>Message</small><a class="badge">更多...</a></h3>
            <ul class="list-group">
                <li class="list-group-item">
                    <span class="badge">2017-03-30</span>
                    <a href="#" title="" target="_blank">二次开发说明文档</a>
                </li>
                <li class="list-group-item">
                    <span class="badge">2017-03-30</span>
                    <a href="#" title="" target="_blank">二次开发说明文档</a>
                </li>
                <li class="list-group-item">
                    <span class="badge">2017-03-30</span>
                    <a href="#" title="" target="_blank">二次开发说明文档</a>
                </li>
                <li class="list-group-item">
                    <span class="badge">2017-03-30</span>
                    <a href="#" title="" target="_blank">二次开发说明文档</a>
                </li>
                <li class="list-group-item">
                    <span class="badge">2017-03-30</span>
                    <a href="#" title="" target="_blank">二次开发说明文档</a>
                </li>
                <li class="list-group-item">
                    <span class="badge">2017-03-30</span>
                    <a href="#" title="" target="_blank">二次开发说明文档</a>
                </li>
            </ul>
        </div>
        <div class="col-xs-6 col-md-3 text-left">
            <h3>帮助中心 <small>Help Center</small><a class="badge">更多...</a></h3>
            <ul class="list-group">
                <li class="list-group-item">
                    <span class="badge">2017-03-30</span>
                    <a href="#" title="" target="_blank">二次开发说明文档</a>
                </li>
                <li class="list-group-item">
                    <span class="badge">2017-03-30</span>
                    <a href="#" title="" target="_blank">二次开发说明文档</a>
                </li>
                <li class="list-group-item">
                    <span class="badge">2017-03-30</span>
                    <a href="#" title="" target="_blank">二次开发说明文档</a>
                </li>
                <li class="list-group-item">
                    <span class="badge">2017-03-30</span>
                    <a href="#" title="" target="_blank">二次开发说明文档</a>
                </li>
                <li class="list-group-item">
                    <span class="badge">2017-03-30</span>
                    <a href="#" title="" target="_blank">二次开发说明文档</a>
                </li>
                <li class="list-group-item">
                    <span class="badge">2017-03-30</span>
                    <a href="#" title="" target="_blank">二次开发说明文档</a>
                </li>
            </ul>
        </div>
    </div>
</div>
</div>
<!-- /.article-modules -->
<div class="text-center container xsui-friend-links">
    <h2><a>友情链接</a></h2>
    <h5>· FRIENDLY LINK ·</h5>
    <div class="row">
        <a href="#" class="thumbnail" target="_blank"><img class="img-responsive" src="__theme__/zishu/img/thinkphp.jpg" alt="..."></a>        
        <a href="#" class="thumbnail" target="_blank"><img class="img-responsive" src="__theme__/zishu/img/paypal.jpg" alt="..."></a>
        <a href="#" class="thumbnail" target="_blank"><img class="img-responsive" src="__theme__/zishu/img/tencent.jpg" alt="..."></a>
    </div>
</div>
<!-- /.friendlinks -->
{/block}